import style from 'styled-components'

const MineStyleComp = style.div`
        overflow:hidden;
        flex:1;
        #head{  height:2.88rem;
                background: #ff464e;
                background-image: url(https://jp.juancdn.com/jpwebapp_v1/images_v1/user/user_center_bg.png);
                background-position: bottom;
                background-repeat: no-repeat;
                background-size: 100% auto;
                border-bottom: none;
                line-height: 0.88rem;
                overflow: hidden;
                position: relative;
                z-index: 199;
                box-sizing: border-box;
                font-size:0.36rem;
                color:white;
                .userTop{
                        .back{
                                position:absolute;
                                right:.2rem;
                        }
                }
        }
        .mineBox{
                width:100%;
                background: #f4f4f8;
        }
        #t-goback{
                padding-left: 0.28rem;
                padding-right: 0.28rem;
                line-height: 0.88rem;
                height:0.88rem;
                text-align: center;
                font-size:0.48rem;
                i{
                        font-size:0.8rem
                }
        }
        
        .geren{
                padding-right: 0.88rem;
                padding-left: 0.88rem;
                font-size:0.36rem;
                height: 0.88rem;
                line-height: 0.88rem;
                left: 0;
                right: 0;
                width: 100%;
                position: absolute;
                top: 0;
                padding: 0;
                box-sizing: border-box;
                text-align: center;
        }
        .user-login{
                display:flex;
                justify-content:start;
                align-items:center;
                position: relative;
                text-align: center;
                height:2rem;
                line-height:2rem;
                
                .touxiang{
                        width:1.2rem;
                        height:1.2rem;
                        border-radius:50%;
                        background:#fff;
                        margin-left:.3rem
                }
                .info{
                        display:flex;
                        flex-direction:column;
                        justify-content:space-around;
                        height:50%;
                        line-height:.32rem;
                        text-align:left;
                        margin-left:.3rem;
                        .mine{
                                font-size:.1rem;
                        }
                        .username{
                                 font-size:.32rem
                        }
                }
        }
        .zhuce{
                padding-right: 0.96rem;
                padding-left: 0.96rem;
                font-size: 0.4rem;
                display: inline-block;
                color:#fff;
        }
        
        .denglu{
                padding-right: 0.96rem;
                padding-left: 0.96rem;
                font-size: 0.4rem;
                display: inline-block;
                color:#fff;
        }
        .userBox{
                background-color: #fff;
        }
        .horizontal{
                height:0.96rem;
                padding-right: 0.96rem;
                padding-left: 0.96rem;
                display: block;
                position: relative;
                padding: 0 .3rem 0 .38rem;
                
                color: #333;
                box-sizing: border-box;
                overflow: hidden;
                border-bottom:1px solid #eee!important
        }
        .label-lf{
                margin-right: 0.16rem;
                font-size: 0.3rem;
                color: #333;
                float:left;
                line-height:0.96rem;

        }
        .label-rg{
                margin-right: 0.16rem;
                font-size: 0.28rem;
                color: #999;
                float:right;
                line-height:0.96rem;
        }
        .userItem{
                display: flex;
                li{
                width:25%;
                font-size: 0.24rem;
                position: relative;
                display: inline-block;
                color: #666;
                text-align: center;
                vertical-align: top;
                padding-top: 0.3rem;
                padding-bottom: 0.3rem;
                        a{
                         display: flex;
                        flex-direction:column
                        i{
                                font-size: 0.56rem;
                                margin: 0 auto;
                                margin-bottom: 0.12rem;
                        }
                        }
                       
                }
        }
        .userItems{
                margin-top: 0.2rem;
                background-color: #fff
        }
        .foot{
                margin-top: 0.2rem;
                background-color: #fff
                display:flex;
                padding-top: .266rem;
                padding-bottom: .266rem;
                line-height: .266rem;
                font-size: 0.24rem;
                li{
                      width:33.3%;
                      color: #666;
                      text-align: center;
                }
        }
`
export default MineStyleComp